<template>
	<div class="footer" v-if="isShow">
		<p>Idea To Be 2017</p>
			<div class="footer-student">
				<dl>
					<dt>指导老师:罗林</dt>
					<dt>指导老师:刘生建</dt>
					<dd>组长:高伟廷</dd>
					<dd>组员:陈秋龙</dd>
					<dd>组员:黄智博</dd>
					<dd>组员:任娴</dd>
				</dl>
				<dl>
					<dt>指导老师:罗林</dt>
					<dt>指导老师:刘生建</dt>
					<dd>组长:高伟廷</dd>
					<dd>组员:陈秋龙</dd>
					<dd>组员:黄智博</dd>
					<dd>组员:任娴</dd>
				</dl>
				<dl>
					<dt>指导老师:罗林</dt>
					<dt>指导老师:刘生建</dt>
					<dd>组长:高伟廷</dd>
					<dd>组员:陈秋龙</dd>
					<dd>组员:黄智博</dd>
					<dd>组员:任娴</dd>
				</dl>
				<dl>
					<dt>指导老师:罗林</dt>
					<dt>指导老师:刘生建</dt>
					<dd>组长:高伟廷</dd>
					<dd>组员:陈秋龙</dd>
					<dd>组员:黄智博</dd>
					<dd>组员:任娴</dd>
				</dl>
			</div>



	</div>
</template>
<script>
	export default{
		data(){
			return {

			}
		},
		computed:{
            isShow(){
                console.log(this.$store.state.isShow);
                return this.$store.state.isShow;
            }
		}
	}
</script>
<style scoped>
	@import "../../assets/css/base.css";
	.footer .footer-student {
		display: flex;
		flex-direction:row;
		justify-content:center;

	}
	.footer dl {
		text-align: left;
		display: block;
		width: 400px;
		margin-top: 20px;
		color: rgba(255, 255, 255, 0.8);
		margin-left: 20px;
		flex:1;
	}
	.footer dl dt {
		height: 24px;
		line-height:24px;
		font-size: 18px;

	}
	.footer dl dd {
		height: 20px;
		font-size: 16px;

	}
</style>